<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <link rel="stylesheet" href="../CSS/详情页.css">
  <link rel="stylesheet" href="../CSS/swiper.css">
  <script src="../JS/jq.js"></script>
  <!-- <script src="/找房无忧.练习/json/rem.js"></script> -->
  <script src="../JS/1rem.js"></script>
  <script src="../JS/swiper.js"></script>
  <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
</head>

<body>
  <nav>
    <img class="img1" src="../img/index/logo.jpg" alt="">
    <a href=""><img class="img2" src="../img/index/my.jpg" alt=""></a>
    <a href=""><img class="img3" src="../img/index/xiazai.jpg" alt=""></a>
  </nav>
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="../img/SecondHandList/img.png" alt=""></div>
      <div class="swiper-slide"><img src="../img/SecondHandList/img1.png" alt=""></div>
      <div class="swiper-slide"><img src="../img/SecondHandList/img2.png" alt=""></div>
      <div class="swiper-slide"><img src="../img/SecondHandList/img3.png" alt=""></div>
      <div class="swiper-slide"><img src="../img/SecondHandList/img4.png" alt=""></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
  </div>
  <div class="div1">
    <div class="div2">
      <h1>天鹅湾小区精装两层，满五唯一，<br>业主换房急售</h1>
      <div>
        <div class="div3">576</div>
        <div>万元(单价：46327元/平)</div>
        <img src="../img/SecondHandList/phone.png" alt="">
      </div>
      <div class="div4">挂牌时间2015年6月20号</div>
      <div><span>学区房</span><span>独家</span><span>满五唯一</span></div>
    </div>
  </div>
  <div class="div5">
    <div class="div6">
      <dl>
        <dd>户型: 3室2厅</dd>
        <dd>楼层: 中楼层</dd>
        <dd>装修: 精装</dd>
        <dd>年代: 2004年</dd>
        <dd>首付: 123万</dd>
        <dd>地铁: 离西二旗地铁站800米</dd>
        <dd>小区: 珠江帝景</dd>
        <dd>学校: 北京市第二实验小学</dd>
      </dl>
      <dl>
        <dd>面积: 100平</dd>
        <dd>朝向: 路南</dd>
        <dd>楼层: 塔楼</dd>
        <dd>区域: 西二旗</dd>
        <dd>月供: 15683元</dd>
        <dd></dd>
        <dd></dd>
        <dd></dd>
      </dl>
    </div>
  </div>
  <div class="div7">
    <a href="">更多房源信息</a>
  </div>
  <div class="div8">
    <div class="div">
      <dl>
        <dt>房源特色</dt>
        <dd class="dd">
          <p class="p">小区环境优雅，虽处闹市中(小区南200米有美廉美 </p>
          <p class="p"> 超市、西30米有华联商场、星美国际影城、东北角就</p>
          <p class="p">是大中电器、小区东100米有汇佳幼儿园、 昌平实验</p>
          <p> 一小，昆泰国际大酒..</p>
        </dd>
        <dd class="dd1"><a href="">更多特色</a></dd>
      </dl>
    </div>
  </div>
  <div class="div9">
    <div class="div10">
      <div class="div12">户型分间</div>
      <div class="div11">
        <img src="../img/SecondHandList/img4.png" alt="">
        <dl>
          <dt>当前格局</dt>
          <dd class="dd2">分间信息: 客厅25平米, 南北通透</dd>
          <dd><span>南北通透</span><span>全名格局</span></dd>
        </dl>
      </div>
      <div class="div11" id="div1">
        <img src="../img/SecondHandList/img5.png" alt="">
        <dl>
          <dt>当前格局</dt>
          <dd class="dd2">分间信息: 客厅25平米, 南北通透</dd>
          <dd><span>南北通透</span><span>全名格局</span></dd>
        </dl>
      </div>
    </div>
  </div>
  <div class="div13">
    <div class="div14">
      <dl>
        <dt>对口学校</dt>
        <dd><span>学校名称: </span> 北京市第二实验小学</dd>
        <dd><span>升学方式: </span> 直升·派位</dd>
        <dd><span>对口中学: </span> 团结湖中学</dd>
        <dd><span>划片小区: </span> 3个划片小区 在售房源150套</dd>
        <dd><span>学校特色: </span> 包食宿·有校车</dd>
        <dd class="dd3"><a href="">查看学校详情</a></dd>
      </dl>
    </div>
  </div>
  <div class="div15">
    <div class="div16">
      <dl>
        <dt>位置及周边</dt>
        <dd id="container"></dd>
      </dl>
    </div>
  </div>
  <div class="div19">
    <div>推荐房源</div>
  </div>
  <div class="div17">
    <div class="div18" id="div18">
      <dl class="dl">
        <dl class="dl2"><img src="../img/SecondHandList/img6.png" alt=""></dl>
        <dl class="dl1">
          <dt>文华部中层 一层带...</dt>
          <dd class="dd6">2室1厅96㎡<span>1105万</span></dd>
          <dd class="dd4">红南北里<span>14628元/平</span></dd>
          <dd class="dd5"><span>学区房</span></dd>
        </dl>
      </dl>
      <div class="div20"><span>推荐理由: 同户型, 通风好, 采光好</span> <span class="sp"></span></div>
    </div>
  </div>
  <div class="div17">
    <div class="div18">
      <dl class="dl">
        <dl class="dl2"><img src="../img/SecondHandList/img7.png" alt=""></dl>
        <dl class="dl1">
          <dt>光大水墨 精装复式...</dt>
          <dd class="dd6" id="dd6">2室1厅96㎡<span>280万</span></dd>
          <dd class="dd4">光大水墨<span>14628元/平</span></dd>
          <dd class="dd5"><span>学区房</span></dd>
        </dl>
      </dl>
      <div class="div20"><span>推荐理由: 同户型, 通风好, 采光好</span><span class="sp"></span></div>
    </div>
  </div>
  <div class="div17">
    <div class="div18">
      <dl class="dl">
        <dl class="dl2"><img src="../img/SecondHandList/img7.png" alt=""></dl>
        <dl class="dl1">
          <dt>光大水墨 精装复式...</dt>
          <dd class="dd6" id="dd6">2室1厅96㎡<span>280万</span></dd>
          <dd class="dd4">光大水墨<span>14628元/平</span></dd>
          <dd class="dd5"><span>学区房</span></dd>
        </dl>
      </dl>
      <div class="div20"><span>推荐理由: 同户型, 通风好, 采光好</span><span class="sp"></span></div>
    </div>
  </div>
  <div class="div17">
    <div class="div18">
      <dl class="dl">
        <dl class="dl2"><img src="../img/SecondHandList/img7.png" alt=""></dl>
        <dl class="dl1">
          <dt>光大水墨 精装复式...</dt>
          <dd class="dd6" id="dd6">2室1厅96㎡<span>280万</span></dd>
          <dd class="dd4">光大水墨<span>14628元/平</span></dd>
          <dd class="dd5"><span>学区房</span></dd>
        </dl>
      </dl>
      <div class="div20"><span>推荐理由: 同户型, 通风好, 采光好</span><span class="sp"></span></div>
    </div>
  </div>
  <div class="div17">
    <div class="div18">
      <dl class="dl">
        <dl class="dl2"><img src="../img/SecondHandList/img7.png" alt=""></dl>
        <dl class="dl1">
          <dt>光大水墨 精装复式...</dt>
          <dd class="dd6" id="dd6">2室1厅96㎡<span>280万</span></dd>
          <dd class="dd4">光大水墨<span>14628元/平</span></dd>
          <dd class="dd5"><span>学区房</span></dd>
        </dl>
      </dl>
      <div class="div20"><span>推荐理由: 同户型, 通风好, 采光好</span><span class="sp"></span></div>
    </div>
  </div>
  <div class="div17">
    <div class="div18">
      <dl class="dl">
        <dl class="dl2"><img src="../img/SecondHandList/img7.png" alt=""></dl>
        <dl class="dl1">
          <dt>光大水墨 精装复式...</dt>
          <dd class="dd6" id="dd6">2室1厅96㎡<span>280万</span></dd>
          <dd class="dd4">光大水墨<span>14628元/平</span></dd>
          <dd class="dd5"><span>学区房</span></dd>
        </dl>
      </dl>
      <div class="div20"><span>推荐理由: 同户型, 通风好, 采光好</span><span class="sp"></span></div>
    </div>
  </div>
  <div class="div7" id="div7">
    <a href="">查看更多相似房源</a>
  </div>
  <footer>
    <div class="ft">
       <div class="ft1">
        <a href="">北京找房无忧</a><a href="">&nbsp;> 首页</a>
       </div>
       <div class="ft2">
           <div class="ft3">
               <img src="../img/index/apple.png" alt="">
               <div class="ft4"><div>iphone</div><div>客户端</div></div>
           </div>
           <div class="ft3">
               <img src="../img/index/android.png" alt="">
               <div class="ft4"><div>Android</div><div>客户端</div></div>
           </div>
       </div>
       <div class="ft5">
        <div>北京找房无忧房地产经纪有限公司</div>
        <div class="ft6">网络经营许可证 京ICP备20160812号-12</div>
     </div>
    </div>
</footer>
<div class="div21">
 <dl>
   <dt><img src="../img/SecondHandList/user.png" alt=""> <a href="">联系经纪人</a></dt>
   <dd><img src="../img/SecondHandList/xin.png" alt=""></dd>
   <dd> 关注</dd>
 </dl>
</div>
</body>
<script>
  var swiper = new Swiper(".mySwiper", {
    pagination: {
      el: '.swiper-pagination',
      type: 'fraction',
    },
  });
   // 创建地图实例
   var map = new BMapGL.Map("container");
        // 设置地图中心点，这里是天安门   34.80452,113.680779
        var point = new BMapGL.Point(113.680779, 34.80452);
        map.centerAndZoom(point, 15);
</script>

</html>